{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<input type="button" value="利用 jQuery 对象的 val() 方法改变表单内 type=text 可用 input> 元素的值" id="b1" />
<input type="button" value="根据input的name 改变input 的值 " id="b2" />
<br>
<input type="text" value="篮球1" />
<input type="text" value="篮球2" />
<input type="text" name="content" value="根据input的name 改变内容" />
<input type="text" value="篮球3" disabled="true" />
<input type="text" value="篮球4" disabled="true" />
<h6>代码</h6>
<pre>
	页面

	&lt;input type="button" value="利用 jQuery 对象的 val() 方法改变表单内 type=text 可用 input&gt; 元素的值" id="b1" /&gt;
	&lt;input type="button" value="根据input的name 改变input 的值 " id="b2" /&gt;
	&lt;br&gt;
	&lt;input type="text" value="篮球1" /&gt;
	&lt;input type="text" value="篮球2" /&gt;
	&lt;input type="text" name="content" value="根据input的name 改变内容" /&gt;
	&lt;input type="text" value="篮球3" disabled="true" /&gt;
	&lt;input type="text" value="篮球4" disabled="true" /&gt;
	
	js
	
	&lt;script language="javascript"&gt;
		window.onload = function () {  //先加载页面内容 再加载js
			//*利用 jQuery 对象的 val() 方法改变表单内 type=text 可用 &lt;input&gt; 元素的值
			$("#b1").click(function () {
				$("input[type='text']:enabled").val("hello");
			})
			$("#b2").click(function () {
				$("input[name='content']:enabled").val("被改变了");
			})
	
	
		}
	&lt;/script&gt;

	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">
	window.onload = function () {  //先加载页面内容 再加载js
		//*利用 jQuery 对象的 val() 方法改变表单内 type=text 可用 <input> 元素的值
		$("#b1").click(function () {
			$("input[type='text']:enabled").val("hello");
		})
		$("#b2").click(function () {
			$("input[name='content']:enabled").val("被改变了");
		})


	}
</script> {/block}